<!--  -->
<template>
  <div>
     <cube-form
  :model="model"
  :schema="schema"
  @submit="submitHandler"></cube-form>
  </div>
</template>

<script>

export default {
  data () {
    return {
        model:{
            username:'',
            password:''
        },
          schema: {
              fields:[
                //   登录
                     {
                       type:"input",
                       modelKey: 'username',
                       label: '用户名',
                       props: {
                       placeholder: '请输入用户名'
                        },
                        rules:{
                            // 校验规则
                            required:true,
                            type:"string",
                            min:3,
                            max:15,
                        },
                        trigger:"blur",
                        messages:{
                             required:"用户名不能为空",
                             min:"用户名不能少于3个字符",
                             max:"用户名不能大于十五个字符"
                        }
                  },
                //   密码
                   {
                       type:"input",
                       modelKey: 'password',
                       label: '密码',
                       props: {
                       placeholder: '请输密码',
                       type:"password",
                       eye:{
                           open:false
                       }
                        },
                        rules:{
                            // 校验规则
                            required:true,
                        },
                        trigger:"blur",   
                     },
                     {
                         type:"submit",
                         label:"注册"
                         }
              ]
          }
    };
  },
  methods:{
      submitHandler(e){
          e.preventDefault()
          
          this.$http.get('/api/register',{params:this.model}).then(res=>{
                         console.log(res.data.succss)
          }).catch(err=>{
              console.log(err)
          })
      }
  }

}

</script>
<style lang='scss' scoped>
</style>